@import "../../../style/default";
$breadcrumb-prefix-cls: #{$style-prefix}-breadcrumb;

.#{$breadcrumb-prefix-cls} {
  &-link {
    .#{$iconfont-css-prefix} + span {
      margin-left: 4px;
    }
  }
}
.#{$breadcrumb-prefix-cls} {
  @include reset-component;

  color: $breadcrumb-base-color;
  font-size: $breadcrumb-font-size;

  .#{$iconfont-css-prefix} {
    font-size: $breadcrumb-icon-font-size;
  }

  a {
    color: $breadcrumb-link-color;
    transition: color 0.3s;
    &:hover {
      color: $breadcrumb-link-color-hover;
    }
  }

  & > span:last-child {
    color: $breadcrumb-last-item-color;
    a {
      color: $breadcrumb-last-item-color;
    }
  }

  & > span:last-child &-separator {
    display: none;
  }

  &-separator {
    margin: $breadcrumb-separator-margin;
    color: $breadcrumb-separator-color;
  }

  &-link {
    > .#{$iconfont-css-prefix} + span {
      margin-left: 4px;
    }
  }

  &-overlay-link {
    > .#{$iconfont-css-prefix} {
      margin-left: 4px;
    }
  }
}
